

/*body{overflow-x: visible;}*/
.vertical-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.overflow{height: auto;overflow: hidden;}
.d-main{width: 1200px;margin: 0 auto;height: auto;overflow: hidden}
.d-top{height: 105px;}
.d-top-logo-box{display: inline-block;}
.d-top-nav-box{display: inline-block;}
.d-top-nav-box li{float: right;color: #fff;margin: 5% 2% 0px 2%;padding-left: 25px;}
.d-top-right-box{display: inline-block;width: 25%;}
.d-top-right-box a{display:inline-block;float:left;border-radius: 5px;;margin-top: 8%;color: #fff;font-weight: 300;padding: 8px;font-size: 12px;padding-left: 40px;margin-right: 10px;}
.d-top-right-box a.first{background: url(../images/big-top-right-icon-0.png) no-repeat 8px center ;background-color: #42137B;}
.d-top-right-box a.seconde{background: url(../images/big-top-right-icon-1.png) no-repeat 8px center;background-color: #F8931F;}

 .floor{;background-image:url(../images/floor-right-icon-bg.png);background-repeat: repeat-y;background-position:right;box-shadow:-6px 0px 10px #C1C1C1;margin: 10px;margin-right: 5px}
.cssshadow{
    -webkit-box-shadow:-6px 0px 10px #C1C1C1;
    -moz-box-shadow:-6px 0px 10px #C1C1C1;
    box-shadow:-6px 0px 10px #C1C1C1;margin: 20px;margin-right: 0px
    page-break-after: auto;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C1C1C1')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C1C1C1');
}
.nav-icon{position: absolute;left:1px;top: 6px;}
.right-shadow{background: #fff;height: auto;overflow: hidden;width: 99%;}

.floor .list-box{;margin-left: 115px;}
.floor .li{display: inline-block;border: 1px solid #AAAAAA;padding: 15px 15px;border-radius: 8px;padding-left: 45px;float: left;margin: 10px;width: 130px}
.floor .last-list{
    height: 70px;position: relative;
display: inline-block;border: 1px solid #AAAAAA;padding: 15px 15px;border-radius: 8px;float: left;margin: 10px;width:110px;margin-top: 25px;
}
.floor .last-list .last-list-box{

    position: absolute;top:-5px;left:50%;margin-left:-40px;background: #fff;width: 80px;text-align: center;text-align: center;
}
.floor .last-list .last-list-box img{width: 88%;margin-left: 6px;}
@media (max-width: 1500px) {
    .floor .list-box{margin-left: 80px;}
}
@media (min-width: 767px) and (max-width: 860px) {
    .small-items-box dl{display: block;width: 50%;float: left;}
    .right-shadow{width: 99%;}
    .d-top-logo-box{width: 35%;}
}

@media (max-width: 860px) {
    .floor .list-box{margin-left: 68px;}
    ul.col-sm-6 {width: 62%;margin-top: 1%;}
    .d-top-logo-box{width: 30%;margin-top: 2%;}

}
@media (min-width: 768px) and (max-width: 1200px) {
    .d-top-logo-box{width: 33%;margin-top: 2%;}
}
@media (max-width: 1240px) {
    .floor .list-box{margin-left: 68px;}
    .right-shadow{width: 98.5%;}
}
@media (max-width: 580px) {
    ul.col-sm-6 {width: 62%;margin-top: 1%;}
    .d-top-logo-box{width: 38%;margin-top: 3%;}
}

@media (max-width: 580px) {
    .floor .li{width: 112px;padding: 15px 4px;padding-left: 34px;}
}
@media (max-width: 480px) {
    .right-shadow{width: 97%;}
    .floor .li{margin: 5px;
        width: 96px;}
    .floor .last-list{margin: 5px;
        width: 96px;margin-top: 25px;}
}

